<!DOCTYPE html>
<html lang="zh-CN">
<head>
@@include('../../layout/header.html', {
    "title"     : "Betterlife Front UI",
    "rel-prefix": "../.."
})
</head>
<body>
    <!-- main nav begin -->
@@include('../../layout/navbar.html', {
    "rel-prefix": "../.."
})
    <!-- /main nav end -->

    <!-- page container begin -->
    <div class="page-container">
        <!-- page content begin -->
        <div class="page-content">
            <!-- main sidebar begin -->
            @@include('../../layout/sidebar.html', {
                "rel-prefix": "../.."
            })
            <!-- /main sidebar end -->

            <!-- main content begin -->
            <div class="content-wrapper list-wrapper">
              <div class="main-content">
                <!-- page header begin -->
                <div class="row">
                  <div class="breadcrumb-line">
                    <ul class="breadcrumb">
                      <li><a href="/"><i class="icon-home2 position-left"></i> 首页</a></li>
                      <li class="active">读书</li>
                    </ul>
                  </div>
                </div>
                <!-- /page header end -->

                <!-- content area begin -->
                <div class="container-fluid list">
                    <div class="row">
                        <a class="btn btn-success" href="edit.html">新增博客</a>
                        <div class="btns-container">
                            <a class="btn btn-default" href="#">导入</a>
                            <a class="btn btn-default" href="#">导出</a>
                        </div>
                    </div><br/>
                    <div class="row up-container">
                        <!-- 上半部分 -->
                        <div class="filter-up">
                            <div class="filter-up-right col-sm-12">
                                <div>
                                    <i aria-label="search-menu" class="glyphicon glyphicon-search" aria-hidden="true"></i>
                                    <input id="input-search" type="search" placeholder="搜索名称" aria-controls="infoTable" />
                                    <!-- <button id="btn-query" type="button" class="btn btn-query">搜索</button> -->
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row table-responsive col-xs-12">
                        <table id="infoTable" class="display nowrap dataTable table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>名称</th>
                                    <th>编码</th>
                                    <th>联系人</th>
                                    <th>手机号</th>
                                    <th>封面</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
                <!-- /content area end -->
              </div>
            </div>
            <!-- /main content end -->

            <div class="clearfix"></div>
        </div>
        <!-- /page content end -->
    </div>
    <!-- /page container end -->

    <!-- footer begin -->
    @@include('../../layout/footer.html',{
      "rel-prefix": "../.."
    })
    <!-- /footer end -->

    <!-- template begin -->
    <div id="image-model">
      <!-- Creates the bootstrap modal where the image will appear -->
      <div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">X</span></button>
            </div>
            <div class="modal-body">
              <a id="imagePreview-link" href="#" target="_blank"><img src="" id="imagePreview" /></a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script id="actionTmpl" type="text/x-jsrender">
    <a id="info-view{{:id}}" href="view.html" class="btn-view">查看</a>
    <a id="info-edit{{:id}}" href="edit.html" class="btn-edit">修改</a>
    <a id="info-dele{{:id}}" href="#" class="btn-dele" data-toggle="modal" data-target="#infoModal">删除</a>
    </script>
    <!-- /template end -->

    <script src="../../js/normal/list.js"></script>
    <script src="../../js/core/admin.js"></script>
</body>
</html>
